<template>
	<view>
		<view class="main">
			<view class="box">
				<view class="line flex flex-ai-c">
					<view class="name">企业对公账户</view>
					<view class="input "><u-input input-align="right" v-model="accountNumber" type="number" maxlength="50" placeholder="请输入对公账户卡号" :height="height" /></view>
				</view>
				<view class="line flex flex-ai-c">
					<view class="name">开户银行名称</view>
					<view class="input" @click="selectBank">
						<text :class="bank ? 'color-333' : 'color-c0c4cc'">{{ bank ? bank : '请选择' }}</text>
						<u-icon name="arrow-right" size="24" color="#c0c4cc"></u-icon>
					</view>
				</view>
				<view class="line flex flex-ai-c">
					<view class="name">开户支行名称</view>
					<view class="input"><u-input input-align="right" v-model="bankName" type="text" maxlength="50" placeholder="请输入开户支行名称" :height="height" /></view>
				</view>
				<view class="line flex flex-ai-c">
					<view class="name">开户支行行号</view>
					<view class="input">
						<u-input input-align="right" v-model="lineNumber" type="number" maxlength="12" placeholder="请输入12位数字行号" :height="height"  />
					</view>
				</view>

			</view>

			<view class="add">
				<button :class="isClick ? 'btn-primary' : 'btn-disable'" :disabled="!isClick" @click="add">提交</button>
			</view>
		</view>
	</view>
</template>

<script src="./addAccount.js"></script>
<style src="./addAccount.scss" lang="scss"></style>
